<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script src="../js/ajax.js"></script>

    <script>

        // 同源策略
        //    是浏览器最基本的安全保障
        //    只有当前这个网站可以访问当前这个网站的接口
        //          百度不能访问其他网站的接口

        // 同源：域名 + 协议 + 端口号都是一样的
        //      http:www.baidu.com    https:www.baidu.com    协议不一样
        //      http:www.baidu.com    http:www.news.baidu.com    域名不一样
        //      http:www.baidu.com:80    http:www.news.baidu.com:5500    端口号不一样



        // http:www.baidu.com    http:www.baidu.com/ddd/goods.html    路径不一样    


        //   假如百度想访问京东的接口  --- 跨源   --- 跨域


        //   A  和   B   是分区域管辖的   互不干涉

        //   A 想去B区域    需要B授权



        // 出现了跨域问题   后面讲
        //     1 后端直接给权限   CORS
        //     2 jsonp  
        //     3 反向代理



        ajax({
            path : 'http://43.138.81.225/php/proData.json' ,
            type : 'get' ,
            success : res => {
                console.log(res)
            }
        })

    </script>
    
</body>
</html>